<template>
  <div class="list-search">
    <div class="search">
      <el-form ref="form" :model="form" label-width="80px" label-suffix=":">
        <el-row>
          <el-col :span="5">
            <el-form-item label="型号" prop="Model" size="small">
              <el-input v-model="model" placeholder="请输入型号"></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="5">
            <el-form-item label="订单号" prop="OrderNum" size="small">
              <el-input v-model="model" placeholder="请输入订单号"></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="5" prop="WaybillNo">
            <el-form-item label="运单号" size="small">
              <el-input v-model="model" placeholder="请输入运单号"></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="5">
            <el-form-item label="下单日期" prop="Date" size="small">
              <myDate @getSelectData="getCreateDate" :createDate="form.Date"/>
            </el-form-item>
          </el-col>
          <el-col :span="4" style="text-align: center">
            <el-button style="background:#004FEE;color:#fff;" size="small">搜索</el-button>
            <el-button size="small">重置</el-button>
          </el-col>
        </el-row>
      </el-form>
    </div>
  </div>
</template>

<script>
import myDate from "@/components/Date/index";
export default {
  name: "listSearch",
  data() {
    return {
      form: {
        Model:'',
        OrderNum:'',
        WaybillNo:'',
        Date:[]
      },
      model: "",
    };
  },
  components: {
    myDate,
  },
  methods:{
    getCreateDate(date) {
        this.form.createDate = date;
    }
  }
};
</script>

<style scoped lang="scss">
.list-search {
  .search {
    margin-top: 20px;
  }
}
</style>